<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .x {
            background-color: skyblue;
        }
        .o {
            background-color: skyblue;
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <p class="x">hhhhh1</p>
    <hr>
    <p>dfhsdhnsvosv</p>
    <button onclick="test()">dsjkfsfdsf</button>
    <button class="v">456564</button>
    <h1>是你的剑法那我</h1>
    <div class="o">
        <p>fsdvsvsv</p>
        <span>finosdfsnf</span>
        <span>489156</span>
    </div>
    <span>45646</span>
    <span>1515156</span>
    <p>45fdsdf</p>

    <p>545d16fdsfsdf</p>
    <a href="two.html">点击</a>
    <img src="https://ts1.cn.mm.bing.net/th?id=OIP-C.nVT8sw19r9Z_mtcgGRazqgHaE7&w=306&h=203&c=8&rs=1&qlt=90&r=0&o=6&dpr=1.3&pid=3.1&rm=2" alt="">

    <form action="">
        <input type="text" value="dsjkfsfdsf" placeholder="请让我骂骂你">
    </form>

    

    <script>
        function test () {
            alert('xixi')
        }
        document.querySelector(".v") .onclick = () => {
            alert("485649")
        }
    </script>
</body>
</html>